<template>
    <div id="login_page">
    <div class="w640">
      <div class="vi_area">
        <dl>
          <dd>用户注册</dd>
        </dl>
        <ul>
            <el-form class="login_form" ref="loginForms" >
          <el-form-item prop="username" >
            <el-input size="large"  placeholder="请输入用户名" :prefix-icon="UserFilled"></el-input>
          </el-form-item>
          <el-form-item prop="password">
            <el-input type="password" show-password  size="large" :prefix-icon="Lock" placeholder="请输入密码"></el-input>
          </el-form-item>
          <el-form-item prop="password">
            <el-input type="password" show-password  size="large" :prefix-icon="Lock" placeholder="请确认密码"></el-input>
          </el-form-item>
          <el-form-item prop="password">
            <el-input type="password" show-password  size="large" placeholder="请输入验证码" :prefix-icon="Promotion"><img src="./images/verfy.jpg" alt=""></el-input>
          </el-form-item>
          <el-form-item>
            <el-button :loading="false" type="primary" class="login_btn">注册</el-button>
          </el-form-item>
        </el-form>
        </ul>
      </div>
      <div class="register_addon">
        <p>
           点击立即注册即表示我已阅读并同意<a href="./xieyi.htm">注册协议</a>
        </p>
        <p><RouterLink to="/login"><button>已经有账号了？立即登录</button></RouterLink></p>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup name="Register">
import { UserFilled, Lock,Promotion } from '@element-plus/icons-vue'
</script>

<style scoped lang="scss">
.login_form{
  margin: 25px 20px 0 20px;
  .login_btn{
  width: 100%;
  height: 46px;
  background: #64c5ba;
  background: linear-gradient(135deg, #64c5ba, #95ec69);
  border: none;
}
}

</style>